
// console.log(user);

$(window).scroll(function () {
    let top = $(this).scrollTop()
    if (top > 130) {
        $('.rightSide').css('height', '560px')
    } else {
        $('.rightSide').css('height', '455px')
    }
})
//二级菜单
// $('.nav a').hover(function(){
//     $('.menu').slideUp(500,linear,()=>{})
// },function(){
//     $('.menu').css('display','none')
// })


// // 1. 先显示加载层
let index = layer.load(0, { shade: [0.3, '#ccc'] });

// 渲染首页函数
bindHtml()
async function bindHtml() {
    // 请求接口获取数据(北京的景点数据)
    let bjobj = await pAjax({ url: '../server/scenics.php', data: { pid: 2 }, dataType: 'json' }
    );
    //   console.log(bjobj);

    // 结构获取数据
    let { data: bjarr } = bjobj
    //   // 遍历数组拼接html字符串并渲染
    let bgStr = bjarr.map(v => {
        // console.log(v.id)
        // 获取商品的第一张图片地址
        // console.log( v )
        // console.log( v.imgpath.split('==========')[0] )
        return `
        <li class="dataList">
          <img src="${v.imgpath.split('==========')[0]}" class='dataImg'>
           <div>
              <h3>${v.name}</h3>
              <p class="dataInfo">${v.introduce}</p>
              <p>
                  <a href="detail.html" index="${v.id}">查看详情</a>
              </p>
            </div>
      </li>`}).join('');
    // console.log(bgStr)
    //   // 渲染到页面中
    $('.data1').html(bgStr);

    // 请求接口获取数据(安徽的景点数据)
    let anobj = await pAjax({ url: '../server/scenics.php', data: { pid: 13 }, dataType: 'json' })
    // 结构获取数据
    let { data: anarr } = anobj
    // 遍历数组拼接html字符串并渲染
    let anStr = anarr.map(v => {
        return `
    <li class="dataList">
     <img src="${v.imgpath.split('==========')[0]}" class='dataImg'>
     <div>
         <h3>${v.name}</h3>
         <p class="dataInfo">${v.introduce}</p>
         <p><a href="detail.html" index="${v.id}">查看详情</a></p>
     </div>
 </li>`;
    }).join('');
    // 渲染到页面中
    $('.data2').html(anStr);

    // 关闭加载层
    layer.close(index);
}
let detailBtns = document.querySelectorAll('.data .dataList a')
console.log(detailBtns)
for (let i = 0; i < detailBtns.length; i++) {
    detailBtns[i].onclick = function (e) {
        e = e || window.event
        //  e.preventDefault()
        let ID = this.getAttribute('index')
        sessionStorage.setItem('proId', ID)
    }
}
